<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>New Document</title>
		<meta name="Generator" content="EditPlus">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
		<script type="text/javascript">
	$(document).ready(function() {

		//－－－－－－页面内容宽度、高度－－－－－－－－
		//alert(document.body.scrollWidth);
		//其中IE Firefox Opera：不识别绝对定位absolute的宽度，仅表示“非绝对定位”内容的宽度，且当浏览器可用宽度>“非绝对定位”内容宽度时候，表示的和offsetWidth相同，即＝浏览器可用宽度-body的margin值-滚动条宽度
		//其中Chrome Safari：页面内所有内容的宽度，且当浏览器宽度>所有内容宽度时候，表示的宽度为＝浏览器可用宽度-滚动条宽度

		// alert(document.body.scrollHeight);
		//IE Firefox Opera：不识别绝对定位absolute的容器高度，仅表示页面内“非绝对定位”内容的高度；
		//Chrome Safari：页面内所有内容的高度，且当浏览器可用高度>所有内容高度时候，表示为浏览器高度

		//[Begin新增 2012.1.16 14:40]
		//此处结合上面的body.scrollXxx就可以给出 整个网页的大小=Max(document.body.scrollXxx,document.documentElement.scrollXxx)
		//－－－－－－网页文档对象宽度、高度－－－－－－－－
		//alert(document.documentElement.scrollWidth);
		//IE Firefox Opera：页面内所有内容的宽度，且当浏览器宽度>所有内容宽度时候，表示的宽度为＝浏览器可用宽度-滚动条宽度
		//Chrome Safari：不识别绝对定位absolute的宽度，仅表示“非绝对定位”内容的宽度，且当浏览器可用宽度>“非绝对定位”内容宽度时候，表示宽度＝浏览器可用宽度-滚动条宽度
		//alert(document.documentElement.scrollHeight);
		//IE Firefox Opera：页面内所有内容的高度，且当浏览器可用高度>所有内容高度时候，表示为浏览器高度
		//Chrome Safari：不识别绝对定位absolute的容器高度，仅表示页面内“非绝对定位”内容的高度；
		//[End新增]

		//－－－－－－页面内容宽度、高度－－－－－－－－
		alert(document.body.offsetWidth);
		//页面内容宽度=浏览器可用宽度-body的margin值-滚动条宽度，其中滚动条没有时表示0
		alert(document.body.offsetHeight);
		//页面内容高度，均不识别绝对定位absolute的容器高度，仅表示页面内“非绝对定位”内容的高度

		//－－－－－－浏览器内容可见区域大小－－－－－－－－
		//alert(document.documentElement.clientWidth);
		//浏览器内容可见区域宽度-滚动条宽度
		//alert(document.documentElement.clientHeight);
		//浏览器内容可见区域高度-滚动条宽度

		//－－－－－－滚动条偏离大小－－－－－－－－
		//alert(document.body.scrollTop);
		//Chrome Firefox  Safari Opera支持，滚动条滚动的高度
		//alert(document.body.scrollLeft);
		//Chrome Firefox  Safari Opera支持，滚动条滚动的左右位移
		//alert(document.documentElement.scrollTop);
		//IE支持，滚动条滚动的高度
		//alert(document.documentElement.scrollLeft);
		//IE支持，滚动条滚动的左右位移

		//－－－－－－浏览器可用区域大小－－－－－－－－
		//alert(window.innerWidth);
		//alert(window.innerHeight);
		//ie:浏览器可用区域大小，滚动条无影响 [修正 2012.1.16 15:15](IE8 以及以前 都不支持，结果为undefined)
		//Chrome Firefox  Safari Opera：浏览器可用区域大小，滚动条无影响

		//－－－－－－屏幕大小－－－－－－－－
		//alert(window.screen.availWidth);
		//alert(window.screen.availHeight);
		//当前屏幕大小(可用区域),window.screen.height减去任务栏等所占的大小

		//－－－－－－屏幕大小－－－－－－－－
		//alert(window.screen.width);
		//alert(window.screen.height);
		//当前屏幕大小(分辨率值) 
	});
</script>

	</head>

	<body width="2000">
		<a href="http://www.baidu.com" id="coma">baidu.com</a>
		<p>
			aaaaaaaaaaaaaaa
		</p>
		<p>
			bbbbbbbbbbbbbbb
		</p>
		<div
			style="z-index: 9999; padding: 20px 20px; border: 1px solid red; width: 2050px; height: 1900px;"
			id="refundMoneyDiv">
	</body>
</html>
